<!--
  * 数据权限 管理
-->
<template>
  <div class="height100">
    <a-row :gutter="10" type="flex" class="height100">
      <a-col flex="200px">
        <UserList ref="userList" />
      </a-col>
      <a-col flex="1">
        <DataScopeSetting />
      </a-col>
    </a-row>
  </div>
</template>
<script setup lang="ts">
  import { computed, provide, ref } from 'vue';
  import UserList from './components/user/user-list.vue';
  import DataScopeSetting from './components/index.vue';
  defineProps({
    value: Object,
  });
  defineEmits('update:value');

  let userList = ref();
  const selectDataScopeId = computed(() => {
    if (!userList.value) {
      return null;
    }
    return userList.value.selectDataScopeId;
  });
  provide('selectDataScopeId', selectDataScopeId);
</script>
<style scoped lang="less">
  .height100 {
    height: 100%;
  }
</style>
